<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>王宁专属</title>
    <link rel="stylesheet" href="css/style.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
    <header>
        <div class="header clearfix">
            <div class="left">
                <p>better</p>
            </div>
            <div class="right clearfix">
                <ul class="clearfix">
                    <li><a href="" class="a1">首页<a href="" class="a2"></a></a></li>
                    <li class="li2"><a href="" class="a3">产品中心<a href="" class="a4"></a></a></li>
                    <li class="li2"><a href="" class="a3">企业新闻<a href="" class="a4"></a></a></li>
                    <li class="li2"><a href="" class="a3">联系我们<a href="" class="a4"></a></a></li>
                </ul>
            </div>
        </div>
    </header>
    <div class="banner">
        <img src="images/b01.jpg" alt="">
    </div>
    <main>
        <div class="main clearfix">
            <div class="main-left">
                <div class="wn1 clearfix">
                    <img src="images/wn1.jpg" alt="">
                    <div class="p1">
                    	<p>Oculus联合创始人黯然离场，是被小米前高管“挤出”了</p>
                    	<p>2018-06-16</p>
                    </div>
                </div>
                <div class="wn2 clearfix">
                    <img src="images/wn2.jpg" alt="">
                    <div class="p2">
                    	<p>华为营收5216亿元，同比增长32%，顺便卖了1.39亿部手机</p>
                    	<p>2018-06-16</p>
                    </div>
                </div>
                <div class="wn3 clearfix">
                    <img src="images/wn3.jpg" alt="">
                    <div class="p3">
                    	<p>车与出行百度申请在北京路试无人车，但这并不意味着无人车未</p>
                    	<p>2018-06-16</p>
                    </div>
                </div>
                <div class="wn4 clearfix">
                    <img src="images/wn4.jpg" alt="">
                    <div class="p4">
                    	<p>20分钟没了300亿，最大港股塌方背后疑点重重</p>
                    	<p>2018-06-16</p>
                    </div>
                </div>
                <div class="wn5 clearfix">
                    <img src="images/wn5.jpg" alt="">
                    <div class="p5">
                    	<p>礼物说裁员引争议，触宝CEO王佳梁：别把粗暴裁员当个性</p>
                    	<p>2018-06-16</p>
                    </div>
                </div>
                <div class="wn6 clearfix">
                    <img src="images/wn6.jpg" alt="">
                    <div class="p6">
                    	<p>下线聊天文件功能，微信这是闷声做大死？</p>
                    	<p>2018-06-16</p>
                    </div>
                </div>
            </div>
            <div class="main-right">
                <div class="top">
                    <p class="p7">better</p>
                    <h3>天猫总裁靖婕：线上线下全面打通天猫将整体升级</h3>
                    <p class="p8">“真正新零售的未来场景都在天猫上。新零售正在全面爆发，未来的手机天猫APP将从满足需求进入到创造需求的阶段，线下百万雄师都会被数字化。”靖婕说。</p>
                </div>
                <div class="bottom">
                    <h2>产品列表展示</h2>
                    <div class="m1 clearfix">
                        <div class="n1">
                            <img src="images/n1-1.jpg" alt="">
                            <p>韩版高腰半身裙下中长款a字裙子女流苏毛边</p>
                            <span>￥89</span>
                        </div>
                        <div class="n2">
                            <img src="images/n1-2.jpg" alt="">
                            <p>韩版女装夏装牛仔A字裙子</p>
                            <span>￥89</span>
                        </div>
                        <div class="n3">
                            <img src="images/n1-3.jpg" alt="">
                            <p>女装夏装新款显瘦A字裙裤短裤牛仔裤</p>
                            <span>￥129</span>
                        </div>
                        <div class="n4">
                            <img src="images/n1-4.jpg" alt="">
                            <p>显瘦牛仔裙半身裙短新款潮裙女夏韩版学生高腰a字裙</p>
                            <span>￥79</span>
                        </div>
                    </div>
                    <div class="m2 clearfix">
                        <div class="n5">
                            <img src="images/n2-1.jpg" alt="">
                            <p>收腰牛仔连衣裙a字牛仔裙女学生短裙裙子</p>
                            <span>￥339</span>
                        </div>
                        <div class="n6">
                            <img src="images/n2-2.jpg" alt="">
                            <p>修身长袖牛仔连衣裙女</p>
                            <span>￥338</span>
                        </div>
                        <div class="n7">
                            <img src="images/n2-3.jpg" alt="">
                            <p>瘦高腰牛仔半身裙夏a字</p>
                            <span>￥158</span>
                        </div>
                        <div class="n8">
                            <img src="images/n2-4.jpg" alt="">
                            <p>中长款竖条纹半身裙百搭宽松中长裙A字裙</p>
                            <span>￥399</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <p>&copy;2018版权所有 detter</p>
    </footer>
</body>
</html>